import React from 'react'

const Register = () => {
  return <>
    <div className='grid grid-cols-7 gap-1  mb-3 rounded-md' >
      <input placeholder='+8336' className='font-semibold col-span-2 rounded-md text-[12px] bg-[#f4f6f7] p-2 tline-offset-1 outline-white/10' />
      <input placeholder='请输入手机号' className='font-semibold col-span-5 rounded-md text-[12px] bg-[#f4f6f7] p-2 tline-offset-1 outline-white/10' />
    </div>

    <div className='grid grid-cols-7 mb-3 gap-4 '>
      <input placeholder='请输入验证码' className='font-semibold col-span-4 rounded-md text-[12px] bg-[#f4f6f7] p-2 tline-offset-1 outline-white/10' />
      <div className='bg-white  col-span-3  text-black rounded-md p-[10px] border-[#eee] border text-[12px] text-center'>注册</div>
    </div>

    <div className=' cursor-pointer bg-[#24252c] text-white rounded-md p-[10px] border  text-[12px] text-center mb-3'>登录/注册</div>
  </>

}

export default Register